<%@page contentType="text/html" pageEncoding="UTF-8" import="consultas.funciones"%>
<jsp:useBean id="reg" class="consultas.funciones" scope="session" />

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>www.queterifas.com</title>
        <link rel="shortcut icon" href="favicon.ico" >
        <link rel="stylesheet" type="text/css" href="css/estilo.css" media="screen" />
        <script src="jshash-2.2/md5-min.js" type="text/javascript"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>
            $(document).ready(function() {
                $("#login").hide();
                $("#entrar").click(function(){
                   $("#login").toggle("normal");
                });
                /*$("#entrar").mouseenter(function(){
                   $("#login").stop(true).show("normal");
                });
                $("#entrar").mouseleave(function(){
                   $("#login").stop(true).hide("normal");
                });
                $("#login").mouseenter(function(){
                   $("#login").stop(true).show("normal");
                });
                $("#login").mouseleave(function(){
                   $("#login").hide("normal");
                });*/
                
                $("#ajustes_user").hide();
                $("#btn_ajustes").click(function(){
                   $("#ajustes_user").toggle("normal");
                });
});
        </script>
        <script type="text/javascript">
            function calcMD5(){
            document.getElementById("pass").value=hex_md5(document.getElementById("pass").value);
            }
        </script>
    </head>
    <body>
<header>
    <a href="control.jsp?logo=inicio"><img class="cabecera" name="logo" src="img/logooo_02_blanco.png" /></a>
            <ul id="idioma">
                <li><a href="#">en</a></li>
                <li><a href="#">eus</a></li>
            </ul>
            
            <% if(reg.getUsuarioConectadoOk() == false){%>
            <button id="entrar">Entrar</button>
            <div id="login">
                <form id="form_login" onsubmit="calcMD5()" method="post" action="control.jsp">
                <input type="text" class="campo_txt" name="username" value="<%=reg.cookieUsu%>" placeholder="Usuario" required /><br>
                <input type="password" class="campo_txt" id="pass" name="password" value="<%=reg.cookiePass%>" placeholder="Password" required /><br>
                
                <input type="checkbox" id="checker" name="checker" value="on">
                <label>Recordarme</label><br><br>
                <button type="submit" name="logear" >Acceder</button><br>
                
                <% 
                            if(reg.getOkAcceso()== 2){System.out.println("ENTRO EN 2"); %> 
                                   
                            <p>Contraseña incorrecta!</p> 
                                    <% }
                            if(reg.getOkAcceso()== 3){System.out.println("ENTRO EN 3"); %> 
                                    <p>Nombre de usuario/contraseña incorrecto!</p> 
                        <% } %>
             </form>
             <a href='control.jsp?action=registrarse'><button>Registrarse</button></a><br>
             <a href="control.jsp?action=obtenercontra">¿Has olvidado tu contraseña?</a>
             </div>
            
            <%}else{%>
            <!--<button id="btn_out">Sign out!</button>-->
            <button id="btn_ajustes"><img src="ajuste.png" width="100%" height="100%" /></button>
                <ul id="ajustes_user">
                    <li><a href='control.jsp?accion=miperfil'>Mi Perfil</a></li>
                    <li><a href='control.jsp?accion=misrifas'>Mis Rifas</a></li>
                    <li><a href='control.jsp?accion=misboletos'>Mis Boletos</a></li>
                    <li><a href='control.jsp?accion=micredito'>Mis Creditos</a></li>
                    <li><a href='control.jsp?accion=salir'>Salir</a></li>
                </ul>
            
            <span>Hi! <%=reg.getUsuario()%></span>
            
            <%}%>
            <nav>
                <ul id="menu">
                    <li><a href="control.jsp?action=inicio">Rifas</a></li>
                    <li><a href="como_funciona.jsp">Cómo funciona</a></li>
                </ul>
            </nav>
           
            <div class="limpiador"></div>
</header>
</body>
</html>